@import "../_commont/reset.scss";
.main_form {
    width: 1100px;
    margin: 0 auto;
}
.main_form_bg{
    background: #333;
    background-image: url("../images/login_bg.jpg");
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.login_logo {
    width: 100%;
    margin: 80px auto 0;
}
.login_form_box {
    width: 100%;
    display: inline-block;
}
.login_form {
    width: 360px;
    background: #fff;
    float: right;
    border-radius: 4px;
}
.shadow {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
}
.login_form .title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px #ddd solid;
}
.login_form .form {
    padding: 30px 40px;
}
.form_item {
    margin-bottom: 14px;
    position: relative;
}
.form_value {
    margin-left: 115px;
    min-height: 38px;
}
.login_form .form_value {
    margin-left: 0;
}
.txt_username, .txt_password, .txt_phone, .txt_code{
    width: 260px;
    height: 20px;
    padding: 9px;
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    border: 1px #e6e6e6 solid;
    transition: all .3s;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.checkbox {
    margin-right: 16px;
    float: left;
}
.checkbox input {
    margin-top: 13px;
    float: left;
}
.checkbox label {
    margin-top: 9px;
    float: left;
    margin-left: 4px;
    color: #555555;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}
.mb0 .checkbox .fr {
    float: right;
    margin-top: 7px;
}
a:hover{
    color: #ff6699;
}
.btn_txt_50 {
    margin-top: 10px;
    width: 133px;
    height: 40px !important;
    padding: 0;
    float: left;
}
.btn_red, .btn_nulls{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    background-color: #ff6699;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}
// .btn_txt_50:last-child {
//     margin-left: 14px;
// }
.btn_txt_50 {
    width: 133px;
    height: 40px !important;
    padding: 0;
    float: left;
}
.btn_null {
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555;
}
.login_third {
    text-align: center;
    margin-top: 30px;
}
.login_third a {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icon_login_thrid.png) no-repeat;
    margin: 0 20px;
}
.login_third a.weibo {
    background-position: -50px 0;
}
.login_third a.weixin {
    background-position: -100px 0;
}
.login_foot {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}
.login_foot p, .login_foot p a {
    color: #fff;
}
.login_foot p {
    margin-bottom: 10px;
}
.login_foot p a {
    margin: 2px 8px;
    display: inline-block;
}
.login_foot p i {
    margin: 0 10px;
}
.login_third a.qq:hover {
    background-position: 0 -50px;
}
.login_third a.weibo:hover {
    background-position: -50px -50px;
}
.login_third a.weixin:hover {
    background-position: -100px -50px;
}
// register
.form_input {
    display: block;
    overflow: hidden;
}
input.short {
    width: 113px !important;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.btn_text {
    width: 280px;
    height: 40px !important;
}